<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

    <body>

        <ui:composition template="./templates/seriesTemplate.xhtml">

            <ui:define name="top">
                Detalles de Video   
                <h:outputText value="#{videoBean.datosVideo()}"/>        
            </ui:define>

            <ui:define name="left">
                Listado Categorias
                <h:selectManyListbox
                    id="video_categorias">
                    <f:selectItems
                        value="#{videoBean.categorias}"
                        var="categoria" 
                        itemLabel="#{categoria.nombre}"/>
                </h:selectManyListbox>
                Listado Doblajes
                <h:selectManyListbox
                    id="video_doblaje">
                    <f:selectItems
                        value="#{videoBean.doblaje}"
                        var="doblaje" 
                        itemLabel="#{doblaje.lenguaje}"/>
                </h:selectManyListbox>
                Listado Subtitulos
                <h:selectManyListbox
                    id="video_subtitulos">
                    <f:selectItems
                        value="#{videoBean.subtitulos}"
                        var="subtitulo" 
                        itemLabel="#{subtitulo.lenguaje}"/>
                </h:selectManyListbox>         
            </ui:define>
            <ui:define name="content">
                <f:view>
                    <h:form id="form">
                        <h:dataTable value="#{videoBean.video_1}" var="item">
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="Titulo"/>
                                </f:facet>
                                <h:outputText value="#{item.titulo}"/>
                            </h:column>
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="AnoReproduccion"/>
                                </f:facet>
                                <h:outputText value="#{item.anoReproduccion}">
                                    <f:convertDateTime pattern="MM/dd/yyyy" />
                                </h:outputText>
                            </h:column>
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="Duracion"/>
                                </f:facet>
                                <h:outputText value="#{item.duracion}"/>
                            </h:column>
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="CalificacionMedia"/>
                                </f:facet>
                                <h:outputText value="#{item.calificacionMedia}"/>
                            </h:column>
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="PrecioAlquiler"/>
                                </f:facet>
                                <h:outputText value="#{item.precioAlquiler}"/>
                            </h:column>
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="PrecioCompra"/>
                                </f:facet>
                                <h:outputText value="#{item.precioCompra}"/>
                            </h:column>
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="IdTipoVideo"/>
                                </f:facet>
                                <h:outputText value="#{videoBean.tvideo}"/>
                            </h:column>
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="IdIdiomaOriginal"/>
                                </f:facet>
                                <h:outputText value="#{videoBean.idioma_original}"/>
                            </h:column>
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="IdClasificacion"/>
                                </f:facet>
                                <h:outputText value="#{videoBean.clasificacion}"/>
                            </h:column>
                        </h:dataTable>
                    </h:form>
                    <h:form id="formulario">
                        <h:dataTable value="#{videoBean.elenco}" var="item">
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="Tipo"/>
                                </f:facet>
                                <h:outputText value="#{item.tipo}"/>
                            </h:column>
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="Nombre"/>
                                </f:facet>
                                <h:outputText value="#{item.persona.nombre}"/>
                            </h:column>
                        </h:dataTable>
                        <h:commandButton value="comprar" action="#{compraBean.validaCompra()}"/>
                        <h:commandButton value="Logout" action="#{usuarioBean.logout()}"/>
                    </h:form>
                </f:view>
            </ui:define>
        </ui:composition>

    </body>
</html>
